<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  a 和 b是同域的 http://localhost:3000
  c 是独立的的 http://localhost:3000
  a 获取 c 的数据
  a 先引用 c，c 把值放到 window.name 上（跨域不能直接拿数据），所以瞬间把 a 的引用地址改到 b
  <iframe src="http://localhost:4000/c.html" frameborder="0" onload="load()" id="iframe"></iframe>



  <script>
    let first = true
    // onload事件会触发2次，第1次加载跨域页，并留存数据于window.name
    function load() {
      let iframe = document.getElementById('iframe');
      if (first) {
        // 第1次onload(跨域页)成功后，切换到同域代理页面
        iframe.src = 'http://localhost:3000/b.html';
        first = false;
      } else {
        // 第2次onload(同域b.html页)成功后，读取同域window.name中数据
        console.log(iframe.contentWindow.name);
      }
    }
  </script>
</body>

</html>